<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>ROYAL HOTEL</title>
    <link rel="stylesheet" href="css/about.css"/>

</head>
<body>
<div class="first-floor">
    <div class="main-bg">
        <!--标题-->
        <div class="title-0">
            <img src="image/Logo.png" alt=""/>
            <ul>
                <li >
                    <a href="index.html">首页</a>
                </li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="accomodation.html">住宿设施</a></li>
                <li><a href="Gallery.html">酒店画廊</a></li>
                <li class="menu"><a href="" data-trigger="dropdown">酒店日志</a>
                    <ul class="sub">
                        <li><a href="blog.html">公告</a></li>
                        <li><hr></li>
                        <li><a href="">客户评价</a></li>
                    </ul>
                </li>
                <li><a href="login.html">登录</a></li>
                &nbsp;&nbsp;
            </ul>
        </div>
        <!--内容主体-->
        <div class="body-0">
            <div class="body-1">关于我们</div>
        </div>
    </div>
</div>
<div class="four-floor">
    <div class="left-part">
        <h4>酒店历史</h4>
        <br>
        <div>Royal Hotel拥有历史悠久的地标性项目、城市生活方式酒店、豪华度假村，以及酒店式公寓，每家酒店均秉承Royal Hotel品牌的传统，让客人感受目的地文化风情。</div>
        <br><hr><br>
        <h4>酒店宗旨</h4>
        <br>
        <div>我们相信细节决定品质，匠心成就非凡。所谓“匠心”，并不仅仅是卓越的美食、抑或高雅的装潢，更是每一位酒店员工为难忘宾客体验投入的满腔热情和非凡贡献。</div>
    </div>
    <div class="right-part">
        <img src="image/about_bg.jpg" alt=""/>
    </div>
</div>
<div class="five-floor">
    <h6>客户评价</h6>
    <p>客户评价内容</p>
    <div class="float-screen">
        <div class="screen-container">
            <div>
                <img  src="#" alt="">
                <p>环境不错,有浴缸可以泡澡，物超所值!</p>
            </div>
            <div>
                <img  src="#" alt="">
                <p>酒店很好,非常不错的体验,家人们都很满意。 </p>
            </div>
            <div>
                <img  src="#" alt="">
                <p>非常好的酒店,环境优美,适合度假,前厅服务到位,酒店还有室内健身室和游泳池.</p>
            </div>
            <div>
                <img  src="#" alt="">
                <p>酒店环境优雅,房间很大,是度假的好地方。</p>
            </div>
        </div>
    </div>
        <div class="last-menu">
            <a href="#"></a>
            <a href="#"></a>
        </div>
</div>
<div class="main">
    <div class="header">
        <div class="first-part">
            <h6>ABOUT AGENCY</h6>
            <p>The world has become so fast paced that people don’t want to stand by reading a page of information, they would much rather look at a presentation and understand the message. It has come to a point</p>
        </div>
        <div class="second-part">
            <h6>NAVIGATION LINKS</h6>
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">Team</a></li>
                <li><a href="#">Feature</a></li>
                <li><a href="#">Prcing</a></li>
                <li><a href="#">Services</a></li>
                <li><a href="#">Blog</a></li>
                <li><a href="#">Protfolio</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </div>
        <div class="third-part">
            <h6>NEWSLETTER</h6>
            <p>For business professionals caught between high OEM price and mediocre print and graphic output,</p>
            <div class="input-part">
                <input type="text" placeholder="Email Address"/>
                <img src="" alt=""/>
            </div>
        </div>
        <div class="for-part">
            <h6>INSTAFEED</h6>
            <ul>
                <li><img src="image/instagram/Image-01.jpg" alt=""/></li>
                <li><img src="image/instagram/Image-02.jpg" alt=""/></li>
                <li><img src="image/instagram/Image-03.jpg" alt=""/></li>
                <li><img src="image/instagram/Image-04.jpg" alt=""/></li>
                <li><img src="image/instagram/Image-05.jpg" alt=""/></li>
                <li><img src="image/instagram/Image-06.jpg" alt=""/></li>
                <li><img src="image/instagram/Image-07.jpg" alt=""/></li>
                <li><img src="image/instagram/Image-08.jpg" alt=""/></li>
            </ul>
        </div>
    </div>
    <div class="foter">
        <div class="part1">
            Copyright ©2018 All rights reserved | made with Colorlib - More Templates 模板之家 - Collect from 网页模板
        </div>
        <div class="part2">
            <ul>
                <li><img src="" alt=""/></li>
                <li><img src="" alt=""/></li>
                <li><img src="" alt=""/></li>
                <li><img src="" alt=""/></li>
            </ul>
        </div>
    </div>
</div>
<!--<div class="six-floor">
    <h6>广告</h6>
    <p>广告</p>
    <div class="main-content">
        <div>
            <img  src="image/blog/blog-1.jpg" alt="">
            <div class="tags">
                <span>广告</span>
                <span>广告</span>
            </div>
            <h6>广告</h6>
            <p>广告</p>
            <p>广告</p>
        </div>
        <div>
            <img  src="image/blog/blog-2.jpg" alt="">
            <div class="tags">
                <span>广告</span>
                <span>广告</span>
            </div>
            <h6>广告</h6>
            <p>广告</p>
            <p>广告</p>
        </div>
        <div>
            <img  src="image/blog/blog-3.jpg" alt="">
            <div class="tags">
                <span>广告</span>
                <span>广告</span>
            </div>
            <h6>广告</h6>
            <p></p>
            <p></p>
        </div>
    </div>
</div>
    <div id="footer"></div>-->
    <script src="js/jquery-3.2.1.js"></script>
    <script src="js/main.js"></script>
    <script src="js/footer.js"></script>
</body>
</html>